
$(function(){
	// 头部
	////header栏浮动下拉菜单
	var $len = $('.header_right ul>li');
	var drop_down = ['.down_login','.client_code','.vixin_code','.phone','.customer_service','.joinTc'];
	var drop_height = ['100px','235px','156px','70px','132px','132px'];
	$len.each(function(i,ele){
		$(ele).hover(function(){	
				$(this).find('a').css("background","#fff");
				console.log(drop_down[i]);
				$(this).find(drop_down[i]).stop().animate({height:drop_height[i]},100);	
			},
			function(){	
				$(this).find('a').css("background","#fafafa");		
				$(this).find(drop_down[i]).stop().animate({height:'0px'},100);
			});
	});
	$(".customer_service ol li a,.joinTc ol li a").hover(
			function(){
				$(this).find('a').css("background","#fff");
				$(this).css('background','#fafafa');
				//		console.log('->')	  
			},
			function(){
				$(this).find('a').css("background","#fff");
				$(this).css('background','#fff');
		});
	// 头部结束
	// 头部下头
	$('.submenu-nav').eq(4).css('display','block');
	$('nav .wrap li').mouseover(function(){
		var index=$(this).index();
		$('.submenu-nav').css('display','none');
		$('.submenu-nav').eq(index).css('display','block');
	})
	$('nav .wrap li').mouseout(function(){
		var index=$(this).index();
		// $('.submenu-nav').css('display','none');
		$('.submenu-nav').eq(index).css('display','none');
		$('.submenu-nav').eq(4).css('display','block');
	})
	// 搜素框
	
	$('.autocomplete_panels').css('display','none');
	$('.placeholder').focus(function(){
		$('.autocomplete_panels').css('display','block');
		$('.placeholder').val(' ');
	})
	$('.placeholder').blur(function(){
		$('.autocomplete_panels').css('display','none');
		$('.placeholder').val('上海');
	})
	
	// 轮播
		var $_pic=$('.right .mSlider_con li').length;
		var img=$('.mSlider_con li');
		var index=0;
		var t=null;
		$('.right .mSlider_nav_orange li').eq(0).addClass('current');
		img.eq(0).css('display','block');
		$('.right .mSlider_nav_orange li').mouseover(function(){
			var now=$(this).index();
			 index=now;
			img.eq(index).fadeIn(500).siblings().fadeOut(500);
			$('.right .mSlider_nav_orange li').eq(index).addClass('current').siblings().removeClass('current');
			// console.log(index);
		})
		function auto(){
			t=setInterval(function(){
				show(index)
				index++;
				// console.log(index)
				if(index==$_pic-1){
				index=0;
					}
			},3000)
		}
		auto();
		function show(){
			img.eq(index).fadeIn(500).siblings().fadeOut(500);
			$('.right .mSlider_nav_orange li').eq(index).addClass('current').siblings().removeClass('current');
		}
		// 鼠标浮上清除计时器
		$('.right .mSlider_con li').hover(
			function(){
			clearInterval(t);
		},auto
		)
	// 轮播结束						
	// 我在上海
		$('.search_box .change_location').mouseover(function(){
			$('.change_location').eq(0).addClass('active');
		})	
		$('.search_box .change_location').mouseout(function(){
			$('.change_location').eq(0).removeClass('active');
		})				
		// 游玩天数
		// 轮播右边
		$('#page .nav_pop_item').removeClass('active');
		$('#page .nav_pop_item').mouseover(function(){
			var index=$(this).index();
			$('#page .nav_pop_item').eq(index).addClass('active');
			$('.nav_pop_item .nav_pop_content').stop().animate({'width':'900px'},300,'linear');
		})	
		$('#page .nav_pop_item').mouseout(function(){
			var index=$(this).index();
			$('#page .nav_pop_item').eq(index).removeClass('active');
			$('.nav_pop_item .nav_pop_content').stop().animate({'width':'0px'},300,'linear');

		})	
		
	
	// 我在上海结束

// 自驾
	
	$('.block_content .tab_content').eq(1).addClass('nonee');
	
	
	// I Love 自驾
	$('.block .tab li').click(function(){
		var index=$(this).index();
		$('.block .tab li').removeClass('active');
		$('.block .tab li').eq(index).addClass('active');
		// $('.block .tab_content').addClass('none');
		// $('.block .tab_content').eq(index).removeClass('none');
		$('.block .tab_content').removeClass('nonee');
		$('.block .tab_content').eq(index).addClass('nonee');
		$('.nonee .clist_box').click(function(){
			var index=$(this).index();
					console.log('->');
			$('.nonee .clist_box').removeClass('active');
			$('.nonee .clist_box').eq(index).addClass('active');
			$('.nonee .list_con').addClass('none');
			$('.nonee .list_con').eq(index).removeClass('none');
		})	
	})
	$('.nonee .clist_box').click(function(){
		var index=$(this).index();
				console.log('->');
		$('.nonee .clist_box').removeClass('active');
		$('.nonee .clist_box').eq(index).addClass('active');
		$('.nonee .list_con').addClass('none');
		$('.nonee .list_con').eq(index).removeClass('none');
	})
	// $('.tab_content').eq(0).
	// $('.tab_content:not(.none) .clist_box').click(function(){
	// 		var a=$(this).index();			
	// 		$('.tab_content:not(.none) .clist_box').removeClass('active');
	// 		$('.tab_content:not(.none) .clist_box').eq(a).addClass('active');
	// 		// .siblings().removeClass('active');
	// 		// $('.tab_content:not(.none) .list_con').addClass('none');
	// 		// $('.tab_content:not(.none) .list_con').eq(a).removeClass('none');
	// 		// $('.tab_content:not(.none)')
	// 		// .siblings().addClass('none');\
	// 		// event.stopPropagation();
	// })
	
	// 广州
	$('#weekend .block_box li').eq(0).addClass('active');
	$('#weekend .block_box li').mouseover(function(){
		var index=$(this).index();
		$('#weekend .block_box li').removeClass('active');
		$('#weekend .block_box li').eq(index).addClass('active');
	})
	// 周庄/苏州园林、苏州太湖点击
	
	// 全局监控
	// 监控事件
	$('.floatbar ul li').eq(0).addClass('drice');
	$('.floatbar ul li').eq(1).addClass('blue');
	$('.floatbar ul li').eq(2).addClass('blue');
	$('.floatbar ul li').eq(4).addClass('purple');
	$('.floatbar ul li').eq(3).addClass('purple');
	$('.floatbar ul li').eq(5).addClass('blue');
	$('.floatbar ul li').eq(0).mouseover(function(){
		$('.floatbar ul li').eq(0).addClass('hover');
	})
	$('.floatbar ul li').eq(0).mouseout(function(){
		$('.floatbar ul li').eq(0).removeClass('hover');
	})
	$(window).scroll(function(){
		// 获取距离顶部的的距离
		var a = $(window).scrollTop();
		if(a<270){
			$('#pagewrap .search_bg').removeClass('float_box');
			$('.floatbar').removeClass('bar');
			
		}else{
			$('#pagewrap .search_bg').addClass('float_box');
			$('.floatbar').addClass('bar');
		}

		// 监控事件右小标
		if(a<800){
			$('.floatbar ul li').eq(0).addClass('drice');
			$('.floatbar ul li').eq(1).removeClass('activeblue');
			$('.floatbar ul li').eq(2).removeClass('activeblue');
			$('.floatbar ul li').eq(3).removeClass('activepurple');
			$('.floatbar ul li').eq(4).removeClass('activepurple');
			$('.floatbar ul li').eq(5).removeClass('activeblue');
		}else if(a>800 && a<1200){
			$('.floatbar ul li').eq(0).removeClass('drice');
			$('.floatbar ul li').eq(1).addClass('activeblue');
			$('.floatbar ul li').eq(2).removeClass('activeblue');
			$('.floatbar ul li').eq(3).removeClass('activepurple');
			$('.floatbar ul li').eq(4).removeClass('activepurple');
			$('.floatbar ul li').eq(5).removeClass('activeblue');
		}else if(a>1200 && a<1480){
			$('.floatbar ul li').eq(0).removeClass('drice');
			$('.floatbar ul li').eq(1).removeClass('activeblue');
			$('.floatbar ul li').eq(2).addClass('activeblue');
			$('.floatbar ul li').eq(3).removeClass('activepurple');
			$('.floatbar ul li').eq(4).removeClass('activepurple');
			$('.floatbar ul li').eq(5).removeClass('activeblue');
		}else if(a>1480 && a<1895){
			$('.floatbar ul li').eq(0).removeClass('drice');
			$('.floatbar ul li').eq(1).removeClass('activeblue');
			$('.floatbar ul li').eq(2).removeClass('activeblue');
			$('.floatbar ul li').eq(3).addClass('activepurple');
			$('.floatbar ul li').eq(4).removeClass('activepurple');
			$('.floatbar ul li').eq(5).removeClass('activeblue');
		}else if(a>1895 && a<2270){
			$('.floatbar ul li').eq(0).removeClass('drice');
			$('.floatbar ul li').eq(1).removeClass('activeblue');
			$('.floatbar ul li').eq(2).removeClass('activeblue');
			$('.floatbar ul li').eq(3).removeClass('activepurple');
			$('.floatbar ul li').eq(4).addClass('activepurple');
			$('.floatbar ul li').eq(5).removeClass('activeblue');
		}else if(a>2270){
			$('.floatbar ul li').eq(0).removeClass('drice');
			$('.floatbar ul li').eq(1).removeClass('activeblue');
			$('.floatbar ul li').eq(2).removeClass('activeblue');
			$('.floatbar ul li').eq(3).removeClass('activepurple');
			$('.floatbar ul li').eq(4).removeClass('activepurple');
			$('.floatbar ul li').eq(5).addClass('activeblue');
		}
		
	})
	// $('.floatbar ul li:first-child')
	//---------------	sliderbar 
		$('#sliderhover1').mouseover(function(){
			$('.pic-box').css('display','block')
		})
		$('#sliderhover1').mouseout(function(){
			$('.pic-box').css('display','none')
		})
		$('.slider-tools>ul>li>a').mouseover(function(){
			$(this).children(0).animate({left:'-86px',opacity:1},40,'linear');
			$(this).children(0).css('visibility','visible');
		})
		$('.slider-tools>ul>li>a').mouseout(function(){
			$(this).children(0).animate({left:'-120px',opacity:0},40,'linear');
			$(this).children(0).css('visibility','hidden');
		})
	
		$('.s-qrcode>a').mouseover(function(){
			$(this).children(0).css('visibility','visible');
			$(this).children(0).animate({left:'-166px',opacity:1},30,'linear')
			
		})
		$('.s-qrcode>a').mouseout(function(){		
			$(this).children(0).animate({left:'-190px',opacity:0},30,'linear');
			$(this).children(0).css('visibility','hidden');
		})
		//速度问题 out有略微延迟??
//		-top图标监听 平滑到最上
		$('.s-gotop>a').click(function(){
			$('body').animate({scrollTop:'0px'},200,'linear');
//			alert()
		})
		$('.stair-list li').each(function(index,item){
			$(item).click(function(){
				$(item).addClass('now').siblings().removeClass('now');
				var b=$('.content').children(0).eq(index+1).offset().top;
				$('body').animate({scrollTop:b},200)
//				console.log(b);
			$('.stair-list').css('marginTop','-300px')
			})
		})
		
		$(window).scroll(function(){
		//获取距离顶部的距离
		var a = $(window).scrollTop();
//		console.log(a);
		// 打印窗口距离顶部的距离
		if(a<200){
			$('.s-gotop').css('visibility','hidden');
			
		}else{
			$('.s-gotop').css('visibility','visible');
		}
//		stair左侧导航栏
		if(a>800&&a<3700){
			$('.stair-list').css('display','block');

		}else{
			$('.stair-list').css('display','none');
		}
		
		
	})
	






})